page {
		background: #f8f8f9;
		color: #333333;
	}
input,textarea{font-size:14px;}
rich-text img{max-width:690rpx;width: 690rpx;}

.bg-gradual-red {
	background-image: var(--gradualRed);
	color: var(--white);
}

.bg-gradual-green {
	background-image: var(--gradualGreen);
	color: var(--white);
}
.bg-gradual-orange {
	background-image: var(--gradualOrange);
	color: var(--white);
}

.c-red{color: #FF0000;}
.c-green{color: #36b828}
.c-orange{color: #ec8d20}

.c-price{color: #F21D2F;}
.c-yellow{color: #f8e321;}
.c-common{color:#A60000;}

.c-fff{color: #fff!important;}
.c-333{color: #333!important;}
.c-666{color: #666!important;}
.c-999{color: #999!important;}
.c-ddd{color: #ddd!important;}
.c-bbd{color:#bbdcf4!important;}
.c-aaa{color: #aaa!important;}
.c-bbb{color: #bbb!important;}
.c-ccc{color: #ccc!important;}
.c-000{color: #000!important;}

.bg-fff{background: #fff!important;}
.bg-999{background: #999!important;}


.bg-common{background: #A60000!important;}
.bg-green{background: #36b828!important;}
.bg-orange{background: #ec8d20!important;}

.bg-trans{background:transparent!important;}
.bg-f8f{background:#f8f8f8!important;}
.bg-f5f{background:#f5f5f5!important;}
.bg-gray{background: #bbb!important;}

.opacity7{opacity: 0.7;}
.scale7{transform:scale(0.7)}
.scale8{transform:scale(0.8)}
/*===============================================
  A. font
================================================= */


.fwb{font-weight:bold;}
.fw600{font-weight:600;}

.wdauto{width: auto;}
.wd5{width:5%!important;}
.wd10{width:10%!important;}
.wd15{width:15%!important;}
.wd20{width:20%!important;}
.wd25{width:25%!important;}
.wd30{width:30%!important;}
.wd33{width:33.333%!important;}
.wd66{width:66.666%!important;}
.wd40{width:40%!important;}
.wd45{width:45%!important;}
.wd50{width:50%!important;}
.wd55{width:55%!important;}
.wd60{width:60%!important;}
.wd70{width:70%!important;}
.wd75{width:75%!important;}
.wd80{width: 80%!important;}
.wd85{width: 85%!important;}
.wd90{width: 90%!important;}
.wd95{width: 95%!important;}
.wd100{width:100%!important;}

/*===============================================
  margin、padding
================================================= */
.mauto{margin: auto!important;}
.p-common{padding:20rpx 30rpx;}

.mtn{margin-top:0!important;}
.mbn{margin-bottom:0!important;}
.mln{margin-left:0!important;}
.mrn{margin-right:0!important;}
.ptn{padding-top:0!important;}
.pbn{padding-bottom:0!important;}
.pln{padding-left:0!important;}
.prn{padding-right:0!important;}

.m10{margin:20rpx!important;}
.m15{margin:30rpx!important;}
.m20{margin:40rpx!important;}
.m16{margin:32rpx!important;}
.p5{padding: 10rpx!important;}
.p10{padding: 20rpx!important;}
.p15{padding: 30rpx!important;}
.p20{padding: 40rpx!important;}
.p25{padding: 50rpx!important;}
.p30{padding: 60rpx!important;}

.px5{padding-left: 10rpx;padding-right: 10rpx;}
.px10{padding-left: 20rpx;padding-right: 20rpx;}
.px15{padding-left: 30rpx;padding-right: 30rpx;}
.py5{padding-top: 10rpx;padding-bottom: 10rpx;}
.py10{padding-top: 20rpx;padding-bottom: 20rpx;}
.py15{padding-top: 30rpx;padding-bottom: 30rpx;}

.mt2{margin-top:4rpx!important;}
.mt5{margin-top:10rpx!important;}
.mt6{margin-top:12rpx!important;}
.mt7{margin-top:14rpx!important;}
.mt8{margin-top:16rpx!important;}
.mt10{margin-top:20rpx!important;}
.mt12{margin-top:24rpx!important;}
.mt15{margin-top:30rpx!important;}
.mt20{margin-top:40rpx!important;}
.mt25{margin-top:50rpx!important;}
.mt30{margin-top:60rpx!important;}
.mt35{margin-top:70rpx!important;}
.mt40{margin-top:80rpx!important;}
.mt45{margin-top:90rpx!important;}
.mt50{margin-top:100rpx!important;}
.mt55{margin-top:110rpx!important;}
.mt60{margin-top:120rpx!important;}
.mt65{margin-top:130rpx!important;}
.mt70{margin-top:140rpx!important;}
.mt75{margin-top:150rpx!important;}
.mt80{margin-top:160rpx!important;}
.mt85{margin-top:170rpx!important;}
.mt90{margin-top:180rpx!important;}
.mt95{margin-top:190rpx!important;}
.mt100{margin-top:200rpx!important;}

.mb2{margin-bottom:4rpx!important;}
.mb3{margin-bottom:6rpx!important;}
.mb5{margin-bottom:10rpx!important;}
.mb10{margin-bottom:20rpx!important;}
.mb15{margin-bottom:30rpx!important;}
.mb20{margin-bottom:40rpx!important;}
.mb25{margin-bottom:50rpx!important;}
.mb30{margin-bottom:60rpx!important;}
.mb35{margin-bottom:70rpx!important;}
.mb40{margin-bottom:80rpx!important;}
.mb45{margin-bottom:90rpx!important;}
.mb50{margin-bottom:100rpx!important;}
.mb55{margin-bottom:110rpx!important;}
.mb60{margin-bottom:120rpx!important;}
.mb65{margin-bottom:130rpx!important;}
.mb70{margin-bottom:140rpx!important;}
.mb75{margin-bottom:150rpx!important;}
.mb80{margin-bottom:160rpx!important;}
.mb85{margin-bottom:170rpx!important;}
.mb90{margin-bottom:180rpx!important;}
.mb95{margin-bottom:190rpx!important;}
.mb100{margin-bottom:200rpx!important;}

.mr3{margin-right:6rpx!important;}
.mr5{margin-right:10rpx!important;}
.mr10{margin-right:20rpx!important;}
.mr15{margin-right:30rpx!important;}
.mr20{margin-right:40rpx!important;}
.mr25{margin-right:50rpx!important;}
.mr30{margin-right:60rpx!important;}
.mr35{margin-right:70rpx!important;}
.mr40{margin-right:80rpx!important;}
.mr45{margin-right:90rpx!important;}
.mr50{margin-right:100rpx!important;}
.mr55{margin-right:110rpx!important;}
.mr60{margin-right:120rpx!important;}
.mr65{margin-right:130rpx!important;}
.mr70{margin-right:140rpx!important;}
.mr75{margin-right:150rpx!important;}
.mr80{margin-right:160rpx!important;}
.mr85{margin-right:170rpx!important;}
.mr90{margin-right:180rpx!important;}
.mr95{margin-right:190rpx!important;}
.mr100{margin-right:200rpx!important;}

.ml3{margin-left:6rpx!important;}
.ml5{margin-left:10rpx!important;}
.ml10{margin-left:20rpx!important;}
.ml15{margin-left:30rpx!important;}
.ml20{margin-left:40rpx!important;}
.ml25{margin-left:50rpx!important;}
.ml30{margin-left:60rpx!important;}
.ml35{margin-left:70rpx!important;}
.ml40{margin-left:80rpx!important;}
.ml45{margin-left:90rpx!important;}
.ml50{margin-left:100rpx!important;}
.ml55{margin-left:110rpx!important;}
.ml60{margin-left:120rpx!important;}
.ml65{margin-left:130rpx!important;}
.ml70{margin-left:140rpx!important;}
.ml75{margin-left:150rpx!important;}
.ml80{margin-left:160rpx!important;}
.ml85{margin-left:170rpx!important;}
.ml90{margin-left:180rpx!important;}
.ml95{margin-left:190rpx!important;}
.ml100{margin-left:200rpx!important;}

.pt3{padding-top: 6rpx!important;}
.pt5{padding-top: 10rpx!important;}
.pt10{padding-top: 20rpx!important;}
.pt11{padding-top: 22rpx!important;}
.pt15{padding-top: 30rpx!important;}
.pt20{padding-top: 40rpx!important;}
.pt25{padding-top: 50rpx!important;}
.pt30{padding-top: 60rpx!important;}
.pt35{padding-top: 70rpx!important;}
.pt40{padding-top: 80rpx!important;}
.pt45{padding-top: 90rpx!important;}
.pt50{padding-top: 100rpx!important;}
.pt55{padding-top: 110rpx!important;}
.pt60{padding-top: 120rpx!important;}
.pt65{padding-top:130rpx!important;}
.pt70{padding-top:140rpx!important;}
.pt75{padding-top:150rpx!important;}
.pt80{padding-top:160rpx!important;}
.pt85{padding-top:170rpx!important;}
.pt90{padding-top:180rpx!important;}
.pt95{padding-top:190rpx!important;}
.pt100{padding-top:200rpx!important;}

.pl5{padding-left: 10rpx!important;}
.pl10{padding-left: 20rpx!important;}
.pr5{padding-right: 10rpx!important;}
.pr10{padding-right: 20rpx!important;}
.pl15{padding-left: 30rpx!important;}
.pl20{padding-left: 40rpx!important;}
.pl30{padding-left: 60rpx!important;}
.pl40{padding-left: 80rpx!important;}
.pl50{padding-left: 100rpx!important;}
.pl60{padding-left: 120rpx!important;}
.pl70{padding-left: 140rpx!important;}
.pl80{padding-left: 160rpx!important;}
.pl90{padding-left: 180rpx!important;}

.pr15{padding-right: 30rpx!important;}
.pr20{padding-right: 40rpx!important;}
.pr25{padding-right: 50rpx!important;}
.pr30{padding-right: 60rpx!important;}
.pr40{padding-right: 80rpx!important;}
.pr50{padding-right: 100rpx!important;}
.pr60{padding-right: 120rpx!important;}
.pr70{padding-right: 140rpx!important;}
.pr80{padding-right: 160rpx!important;}
.pr90{padding-right: 180rpx!important;}
.pb8{padding-bottom: 16rpx!important;}
.pb5{padding-bottom: 10rpx!important;}
.pb3{padding-bottom: 6rpx!important;}
.pb10{padding-bottom: 20rpx!important;}
.pb11{padding-bottom: 22rpx!important;}
.pb15{padding-bottom: 30rpx!important;}
.pb20{padding-bottom: 40rpx!important;}
.pb30{padding-bottom: 60rpx!important;}
.pb40{padding-bottom: 80rpx!important;}
.pb50{padding-bottom: 100rpx!important;}
.pb60{padding-bottom: 120rpx!important;}
.pb70{padding-bottom: 140rpx!important;}
.pb80{padding-bottom: 160rpx!important;}
.pb90{padding-bottom: 180rpx!important;}

/*===============================================
  line-height
================================================= */
.lh17{line-height:34rpx!important}
.lh20{line-height:40rpx!important}
.lh22{line-height:44rpx!important}
.lh24{line-height:48rpx!important}
.lh26{line-height:52rpx!important}
.lh28{line-height:56rpx!important}
.lh30{line-height:60rpx!important}
.lh32{line-height:64rpx!important}
.lh35{line-height:70rpx!important}
.lh36{line-height:72rpx!important}
.lh40{line-height:80rpx!important}
.lh44{line-height:88rpx!important}
.lh48{line-height:96rpx!important}
.lh50{line-height:100rpx!important;}
.lh55{line-height:110rpx!important;}
/*===============================================
  height
================================================= */
.h20{height:40rpx!important;}

.br5{border-radius: 10rpx!important;}
.br10{border-radius: 20rpx!important;}

.bd-e8{border: 1rpx solid #e8e8e8;}
.bd-dd{border: 1px solid #dddddd;}
.bb{border-bottom: 1rpx solid #e1e1e1;}
.bt{border-top: 1rpx solid #e1e1e1!important;;}
.bd-com{border: 1rpx solid #A60000;}
.bd-red{border: 1px solid #A60000;}
.bd-green{border: 1px solid #36b828;}
.bd-orange{border: 1px solid #ec8d20;}

.bt{border-top: 1rpx solid #eee;}
.br{border-right: 2rpx solid #eee;}
.bdn{border:none!important}
/*===============================================
 more-style
================================================= */
.over{overflow: hidden;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.bottom{text-align:bottom!important;}
.center{text-align:center!important;}
.fl{float:left!important;}
.fr{float:right!important;}
.clear-both{clear:both}
.clear-none{clear:none}
.clearfix{zoom:1}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";font-size:0}
.pos-rel{position: relative!important;}
.pos-abs{position: absolute!important;}

.vb{vertical-align: bottom;}
.vm{vertical-align: middle;}
.dis-line{display:inline-block!important;}
.dis-block{display:block!important;}
.dis-none{display:none!important;}

.dis-flex{display:flex!important;}
.dis-flex-column{display:flex!important;flex-direction: column;}
.flex-center{align-items:center;justify-content:center;}
.flex-align-center{align-items:center;}
.flex-between{justify-content:space-between;}
.flex-end{justify-content:flex-end;}
.flex{flex:1}
.flex-wrap{flex-wrap:wrap;}

.breakall{word-break:break-all}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word}
.ellipsis-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word}

.after-none,.after-line,.after-line-15,.before-line{position: relative;}
.after-none::after{height:0!important;}
/*竖线*/
.shu-line{border-right: solid 2rpx  #ccc;}
/*下线*/
.after-line::after{position: absolute;right: 0;bottom: 0;left:0;height: 1px;content: '';transform: scaleY(.3);background-color: #c8c7cc;}
.after-line-15::after{position: absolute;right: 0;bottom: 0;left: 30rpx;height: 1px;content: '';transform: scaleY(.3);background-color: #c8c7cc;}
/*上线*/
.before-line::before{position: absolute;top: 0; right:0;left:0;height: 1px;content: '';transform: scaleY(.3);background-color: #c8c7cc;}
.after-last-none:last-child::after{height:0!important;}

/*中划线*/
.text-decoration{text-decoration:line-through;}
/* 箭头 */
.navigator-right,.navigator-down{position: relative;}
.navigator-right:after{content:" ";display:inline-block;height:14rpx;width:14rpx;border-width:2rpx 2rpx 0 0;border-style:solid;transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-7rpx;right:28rpx;border-color:#888;}
.navigator-down:after{content:" ";display:inline-block;height:14rpx;width:14rpx;border-width:0 2rpx 2rpx  0;border-color:#888;border-style:solid;transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-7rpx;right:28rpx}

.common-section{background-color: #ffffff;padding:20rpx 30rpx;font-weight: 700;font-size: 30rpx;border-bottom: 1rpx solid #eee;}
.common-cell{background-color: #ffffff;padding:20rpx 30rpx;font-size: 30rpx;border-bottom: 1rpx solid #eee;}

/* 提交按钮 */
.btn-submit-box{position: fixed;left: 0;right: 0;bottom: 0;background-color: #ffffff;padding-top: 20rpx;padding-bottom: 20rpx;z-index: 99999999;;}
.btn-submit {width: 90%;margin: auto;height:80rpx;line-height: 80rpx;font-size:32rpx;}
.btn-mini{border-radius: 40rpx;line-height: 64rpx;font-size: 28rpx;min-width: 100rpx;}






